/* CSS Document */
@charset "utf-8";
/*banner*/
.owl-theme .owl-controls { margin-top: 10px; text-align: center }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1 }
.owl-theme .owl-controls .owl-page span { display: block; height: 25px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1 }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }
.owl-pagination { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; -webkit-tap-highlight-color: transparent }
.owl-pagination .owl-page { display: inline-block; zoom: 1 }
.owl-pagination .owl-page span { position: relative; transition: .36s ease }
.owl-pagination .owl-page span { background-color: transparent; width: auto; height: auto }
.owl-pagination .owl-page { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-pagination { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.owl-pagination .owl-page:nth-of-type(1) span:after { content: "01" }
.owl-pagination .owl-page:nth-of-type(2) span:after { content: "02" }
.owl-pagination .owl-page:nth-of-type(3) span:after { content: "03" }
.owl-pagination .owl-page span { border: 0 }
.owl-pagination .owl-page:nth-of-type(1) span:after { font-size: 16px; font-family: CYJXY; color: #fff }
.owl-pagination .owl-page:nth-of-type(2) span:after { font-size: 16px; font-family: CYJXY; color: #fff }
.owl-pagination .owl-page:nth-of-type(3) span:after { font-size: 16px; font-family: CYJXY; color: #fff }
.owl-pagination { bottom: 40px }
.owl-pagination .owl-page span { background-color: transparent; width: auto; height: auto; }
.owl-pagination .owl-page span { position: relative; transition: .36s ease }
.owl-pagination .owl-page.active span:after { color: #039e98 }
.owl-pagination .owl-page.active span { padding-right: 146px; background: 0 0; }
.owl-pagination .owl-page.active span:before { width: 146px }
.owl-pagination .owl-page span:before { content: ""; position: absolute; top: 10px; left: 31px; background-color: #f59800; width: 0; height: 1px; transition: .36s ease }
.owl-pagination .owl-page:last-of-type span:before { left: auto; right: 31px }
.owl-pagination .owl-page:last-of-type.active span { padding-left: 146px; padding-right: 0 }
.owl-pagination .owl-page:last-of-type.active span:before { left: auto; right: 31px }
.owl-pagination .owl-page { margin-right: 8px }
.owl-item .item img { display: block; width: 100% }
/*banner nav prev next buttons*/
.owl-buttons { height: 0; top: 50%; -webkit-transform: translateY(calc(-50%)); -ms-transform: translateY(calc(-50%)); transform: translateY(calc(-50%)); position: absolute; width: 100%; margin: 0; }
.owl-buttons { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-buttons .owl-prev, .owl-buttons .owl-next { width: 50px; height: 50px; margin-left: 16px; margin-right: 16px; border-radius: 2px 0 0 2px; }
.owl-buttons .owl-prev, .owl-buttons .owl-next { height: 50px; }
.owl-buttons .owl-prev { position: absolute; left: 0; background: rgba(0,0,0,.1); padding: 0; border-radius: 100%; cursor: pointer; background-image: url(../images/c10.png); background-repeat: no-repeat; background-position: -3px 0px; }
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { background-color: #0b74c3; font-weight: bold; }
.owl-buttons .owl-prev, .owl-buttons .owl-next { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.owl-buttons .owl-next { position: absolute; right: 0; background: rgba(0,0,0,.5); padding: 0; border-radius: 100%; cursor: pointer; background-image: url(../images/c11.png); background-repeat: no-repeat; background-position: 1px 0px; }
/*progress bar*/
#bar { width: 0%; max-width: 100%; height: 2px; background: #f59800; overflow: hidden; }
#progressBar { width: 100%; background: #039e98; }
/*分类导航*/
.nav-fl { width: 1300px; margin: 0 auto; height: 100px; }
.nav-fl ul li { float: left; width: 215px; line-height: 100px; height: 100px; border-left: 2px solid #fcfcfc; text-align: center; padding-top: 10px; }
.nav-fl ul li:first-child { border: none; }
.nav-fl ul li img { vertical-align: middle; margin-bottom: 10px; }
.nav-fl ul li a { font-size: 18px; color: #f59800 }
.nav-fl ul li a p { line-height: 18px; }
.nav-fl ul li a .p1 { font-size: 14px; color: #999; }
/*首页保姆*/
.int_product { width: 1300px; margin: 0 auto; clear: both; }
.int_product h1 { text-align: center; color: #f59800; height: 40px; line-height: 40px; padding-top: 30px; font-weight: normal; }
.int_product h1 p { color: #999; font-size: 16px; font-weight: normal; }
.tab1 { width: 1300px;  margin: 50px auto 0 auto; }
.menu { height: 28px; }
.menu li { float: left; width: 210px; text-align: center; line-height: 40px; height: 40px; cursor: pointer; color: #666; font-size: 16px; overflow: hidden; border: 1px solid #eee; margin-right: 4px; }
.menu li.off { background: #FFFFFF; color: #f59800; }
.menudiv { height: 765px; border-top: 0; background: #fcfcfc }
.menudiv div { line-height: 28px; }
.menudiv .pro_img { width: 210px; height: 350px; float: left; border: 1px solid #eee; margin-right: 4px; text-align: center; margin-top: 15px; transition: all .5s }
.menudiv .pro_img:hover { box-shadow: 0px 0px 2px 3px #efefef; transform: translateY(-4px); transition: all .5s }
.menudiv .pro_img .img { width: 200px; height: 260px; overflow: hidden; }
.menudiv .pro_img .img img { width: 200px; height: auto; vertical-align: middle; overflow: hidden; padding-top: 11px; padding-left: 11px; }
.menudiv .pro_img h2 { font-weight: normal; font-size: 16px; line-height: 30px; }
.menudiv .pro_img p { color: #666; line-height: 25px; }
.menudiv .pro_img h3 { color: #f59800; font-size: 16px; height: 30px; line-height: 30px; }
/*服务口碑*/
#hero-slides {--page: 0; height: 760px; background: url(../images/casebg.jpg); background-attachment: fixed; width: 100%; overflow: hidden; }
#hero-slides h1 { text-align: center; padding-top: 40px; color: #f59800; font-weight: normal; line-height: 40px; margin-bottom: 50px; }
#hero-slides h1 i{ color:#f59800}
#hero-slides h1 p { font-size: 16px ; color:#000}
#hero-slides #header { padding: 0 3vw; position: relative; }
#hero-slides #slides-cont { position: relative; --button-height: 6vh;
--button-spacing: 0.2vh;
}
#hero-slides #slides-cont .button { width: 5vw; height: var(--button-height); background: #039e98; color: #fff; position: absolute; right: 5.375vw; top: 38vh; z-index: 100; cursor: pointer; }
#hero-slides #slides-cont .button:before, #hero-slides #slides-cont .button:after { line-height: var(--button-height); position: absolute; margin-left: -0.25vw; pointer-events: none; -webkit-transform: scale(0.75, 1.5); transform: scale(0.75, 1.5); transition: 125ms ease-in-out; }
#hero-slides #slides-cont .button:before { left: 50%; }
#hero-slides #slides-cont .button:after { opacity: 0; }
#hero-slides #slides-cont .button:hover:before, #hero-slides #slides-cont .button:hover:after { transition: 250ms ease-in-out; }
#hero-slides #slides-cont .button:hover:before { opacity: 0; }
#hero-slides #slides-cont .button:hover:after { left: 50% !important; opacity: 1; }
#hero-slides #slides-cont #next { margin-top: calc(-1 * (var(--button-height) + var(--button-spacing)));
}
#hero-slides #slides-cont #next:before, #hero-slides #slides-cont #next:after { content: '>'; }
#hero-slides #slides-cont #next:after { left: 30%; }
#hero-slides #slides-cont #next:hover:before { left: 70%; }
#hero-slides #slides-cont #prev { margin-top: var(--button-spacing); opacity: calc(var(--page) + 0.5); transition: 500ms opacity; }
#hero-slides #slides-cont #prev:before, #hero-slides #slides-cont #prev:after { content: '<'; }
#hero-slides #slides-cont #prev:after { left: 70%; }
#hero-slides #slides-cont #prev:hover:before { left: 30%; }
#hero-slides #slides-cont #next-catch, #hero-slides #slides-cont #prev-catch { width: 10vw; height: 76vh; position: absolute; top: 0; z-index: 90; }
#hero-slides #slides-cont #next-catch { right: 0; }
#hero-slides #slides-cont #prev-catch { left: 0; }
#hero-slides #slides {--slides-height: 56vh; width: auto; height: var(--slides-height); font-size: 0; white-space: nowrap; position: absolute; -webkit-transform: translate3D(calc(var(--page) * -80vw), 0, 0); transform: translate3D(calc(var(--page) * -80vw), 0, 0);transition: 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1); transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1); transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1), 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1); }
#hero-slides #slides .slide { display: inline-block; vertical-align: top; font-size: 1.5vw; width: 24em; height: var(--slides-height); margin-right: 1.333em; margin-left: 0.333em; color: white; background-size: cover; background-position: center; white-space: normal; word-break: break-word; position: relative; }
#hero-slides #slides .slide:before { content: ''; display: block; background: linear-gradient(180deg, rgba(86, 97, 108, 0) 0%, rgba(33, 52, 69, 0.7) 100%); opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#hero-slides #slides .slide .number { position: absolute; top: 10px; ; left: 0; font-size: 24px; font-weight: 800; padding: 5px 5px; background: #f59800; border-top-right-radius: 50px; border-bottom-right-radius: 50px; color: #fff; transition: width 1s; width: 30px; height: 30px; overflow: hidden; line-height: 30px; }
#hero-slides #slides .slide .number, #hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after { vertical-align: middle; }
#hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after { }
#hero-slides #slides .slide .number:before { width: 0; margin-left: 0; background: #f59800; }
#hero-slides #slides .slide .number:after { width: 3em; margin-left: 1em; }
#hero-slides #slides .slide .bodys { position: absolute; bottom: 0; color: #000; background-color: rgba(255,255,255,.6); padding: 0px 15px; height: 105px; transition: height 1s; }
#hero-slides #slides .slide .location, #hero-slides #slides .slide .headline { position: relative; bottom: 0; cursor: default; }
#hero-slides #slides .slide:before, #hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after, #hero-slides #slides .slide .location, #hero-slides #slides .slide .headline, #hero-slides #slides .slide .link { transition: 0.3s cubic-bezier(0.7, 0, 0.3, 1); }
#hero-slides #slides .slide .location { font-weight: 100; transition-delay: 60ms; color: #000 }
#hero-slides #slides .slide .headline { font-size: 20px; transition-delay: 50ms; line-height: 40px; color: #f59800 }
#hero-slides #slides .slide .link { display: inline-block; background: #f59800; padding: 0.5em 1.25em; font-size: 1.33em; opacity: 0; position: absolute; bottom: -2em; pointer-events: none; transition-delay: 25ms; font-size: 14px; }
#hero-slides #slides .slide.hover:before, #hero-slides #slides .slide:hover:before { opacity: 0; }
#hero-slides #slides .slide.hover:before, #hero-slides #slides .slide.hover .number:before, #hero-slides #slides .slide.hover .number:after, #hero-slides #slides .slide.hover .location, #hero-slides #slides .slide.hover .headline, #hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover:before, #hero-slides #slides .slide:hover .number:before, #hero-slides #slides .slide:hover .number:after, #hero-slides #slides .slide:hover .location, #hero-slides #slides .slide:hover .headline, #hero-slides #slides .slide:hover .link { transition: 0.3s cubic-bezier(0.7, 0, 0.3, 1); }
#hero-slides #slides .slide.hover .number:before, #hero-slides #slides .slide:hover .number { width: 150px; }
#hero-slides #slides .slide.hover .number:after, #hero-slides #slides .slide:hover .number:after { width: 0; margin-right: 0; }
#hero-slides #slides .slide.hover .location, #hero-slides #slides .slide:hover .bodys { height: 160px; }
#hero-slides #slides .slide.hover .location, #hero-slides #slides .slide:hover .location { transition-delay: 0.1s; bottom: 0.1em; }
#hero-slides #slides .slide.hover .headline, #hero-slides #slides .slide:hover .headline { transition-delay: 0.1s; bottom: 0.1em; }
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover .link { bottom: 0.5em; opacity: 1; color: #fff; font-size: 14px; font-weight: normal; transition-delay: 0.3s; pointer-events: auto; }
@media (min-width: 1200px) and (max-width: 1699px) {
body { --slides-per-page: 3;
}
#hero-slides #slides .slide { font-size: 1vw; }
}
@media (min-width: 1700px) {
body { --slide-per-age: 4;
}
#hero-slides #slides .slide { font-size: 0.75vw; }
}
/*家政培训*/
.pro_recommend { width: 1300px; height: 550px; margin: 0 auto; clear:both; }
.pro_recommend h1 { text-align: center; color: #f59800; height: 90px; line-height: 40px; padding-top: 30px; font-weight: normal; }
.pro_recommend h1 p { color: #999; font-size: 16px; font-weight: normal; }
.pro_recommend h2 { font-size: 20px; color: #555; font-weight: bold; margin-bottom: 20px; }
.pro_recommend ul { width: 100%; height: auto; overflow: hidden; background: #fff; }
.pro_recommend ul li { float: left; position: relative; overflow: hidden; transition: all 0.3s ease 0s; width: 324px; height: 380px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
/*.pro_recommend ul li:first-child { border: none; width: 306px; height: 340px; border-right: 1px solid #ebebeb; }

.pro_recommend ul li:nth-child(2) { float: right; border: none; width: 280px; height: 340px; }*/

.pro_recommend ul li a { display: block; width: 100%; height: 100%; }
.pro_recommend ul li .item-img {height:190px; width:auto;  transition: all 0.3s ease 0s; vertical-align: middle; transition: all 0.9s; }
.pro_recommend ul li .item-text { height:190px; background: #fcfcfc; color:#666;  }
.pro_recommend ul li .item-text strong { display: block; font-size: 20px; font-weight: 600; color:#000; margin-bottom: 10px; text-align:center; padding-top:20px; }
.pro_recommend ul li .item-text p { font-size: 15px; line-height:25px; letter-spacing:1px; margin-bottom: 30px;padding:0 15px; }
.pro_recommend ul li .item-text span { display: inline-block; height: 28px; line-height: 28px; border: 1px solid #fc6451; color: #fc6451; font-size: 14px; padding: 0 20px; border-radius: 2px; text-align: center; transition: all 0.3s ease 0s; }
.pro_recommend ul li:hover .item-img {transition: all 0.9s;transform: scale(1.08);}
.pro_recommend ul li a:hover .item-text span { background: #fc6451; border: 1px solid #fc6451; color: #fff; }
/*新闻动态*/
.int_new{ width:1300px; height:950px;}
.int_new h1{ color:#f59800; text-align:center; font-weight:normal; padding-bottom:40px;}
.int_news{ width:322px; margin-right:1px; border:1px solid #eee; height:380px;transition: all 0.3s ease 0s}
.int_news h2{ text-align:center; height:130px; line-height:130px; color:#000; width:322px; background:#eee; font-weight:400;}
.int_news ul { margin-top:40px;}
.int_news ul li { margin:5px 45px; line-height:25px; height:25px; overflow:hidden;}
.int_news ul li a{color:#666;transition: all 0.3s ease 0s}
.int_news ul li a i{ margin-right:5px;}
.int_news ul li a:hover{ color:#f59800;transition: all 0.3s ease 0s}
.int_news:hover{ box-shadow:0px 8px 8px 0px #eee;transition: all 0.3s ease 0s}
.int_news:hover ul li a:hover i{color:#f59800}
.int_news:hover p i{ color:#f59800;transition: all 0.3s ease 0s}
.int_news p{ text-align:right; width:290px; position:relative; top:-12px;}
.int_news p i{ color:#ccc;transition: all 0.3s ease 0s}
.int_new .works { margin-top:25px;}
.int_new .works h2{ font-weight:normal; height:30px; line-height:30px; color:#666; border-left:5px solid #f59800; padding-left:15px; text-align:left;}
.int_new .works h2 i{ color:#666; font-weight:normal;  margin-left:5px;}
.int_new .works .one{ width:450px; height:4350px; margin-right:15px;}
.int_new .works .two{ width:440px; height:435px; position:relative; top:45px;}
.int_new .works .three{ width:385px;height:435px;}
.int_new .one .worklist{ background:#fcfcfc; height:380px; width:450px;}
.int_new .one .worklist ul { margin-top:25px; padding-top:5px;}
.int_new .one .worklist ul li{ height:27px;line-height:27px; padding:5px 5px 5px 15px; overflow:hidden;}
.int_new .one .worklist ul li a{ font-size:14px; color:#333;}
.int_new .one .worklist ul li a i{ margin-right:5px; color:#f59800}
.int_new .one .worklist ul li a:hover,.worklist ul li a:hover i{ color:#f59800}
.int_new .works .workimg{ margin-top:55px;}
.int_new .three .worklist{ background:#fcfcfc; height:380px; width:385px;}
.int_new .three .worklist ul { margin-top:25px; padding-top:5px;}
.int_new .three .worklist ul li{ height:27px;line-height:27px; padding:5px 5px 5px 15px; overflow:hidden;}
.int_new .three .worklist ul li a{ font-size:14px; color:#333;}
.int_new .three .worklist ul li a i{ margin-right:5px; color:#f59800}
.int_new .three .worklist ul li a:hover,.worklist ul li a:hover i{ color:#f59800}
/*about us*/
.int_about{ width:100%; height:450px; background: url(../images/aboutbg.jpg);}
.int_about_md{ width:1300px;}
.int_about_content{ width:600px; margin-top:25px; height:400px; background:rgba(255,255,255,.9); box-shadow:0px 8px 18px 0px #333; position:relative;}
.int_about_content h2{ text-align:left; color:#f59800; padding-left:25px; padding-top:20px; font-weight:normal; line-height:35px;}
.int_about_content h2 p{ color:#039e98; }
.int_about_content .about_content{ padding:15px 25px; text-indent:2em; letter-spacing:1px; line-height:25px;}
.int_about_content span.more{ background:#f59800; position: absolute; right:0px; bottom:35px;}
.int_about_content span.more a{ padding:15px 35px; background:#f59800; color:#fff; font-size:16px;}
.int_about_content span.more a i{ position:relative; left:-25px;transition: all 0.9s}
.int_about_content span.more:hover a i{ left:0px; transition: all .9s}
.int_about_img{ width:650px; height:323px; position: relative; top:70px; left:45px;transition: all 0.9s}
.int_about_img:hover{transition: all 0.9s;transform: scale(1.08);}